﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>订酒店</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/hotel.css">
    <link rel="stylesheet" href="./css/footer.css">
</head>

<body>
    <div class="header">
        <div class="head-logo">
            <a class="mfw-logo" href="javascript:;" title="马蜂窝自由行">
                <img src="./images/header-sprites15@2x.png" alt="">
            </a>
        </div>
        <ul class="head-left-nav">
            <li class="head-nav-item">
                <a href="./home.html" class="nav-item">首页</a>
            </li>
            <li class="head-nav-item">
                <a href="./destination.html" class="nav-item">目的地</a>
            </li>
            <li class="head-nav-item">
                <a href="./travel-strategy.html" class="nav-item">旅游攻略</a>
            </li>
            <li class="nav-sales">
                <a href="./toTravel.html" class="sales-item">去旅行</a>
                <ul id="nav-sales">
                    <li><a href="./toTravel.html" class="sales-li-a">自由行</a></li>
                    <li><a href="./toTravel_packageTour.html" class="sales-li-a">跟团游</a></li>
                    <li><a href="javascript:;" class="sales-li-a">当地游</a></li>
                    <li><a href="javascript:;" class="sales-li-a">游轮</a></li>
                    <li><a href="./toTravel-visa.html" class="sales-li-a">签证</a></li>
                </ul>
            </li>
            <li class="head-nav-item">
                <a href="./ticket.html" class="nav-item">机票火车票</a>
            </li>
            <li class="head-nav-item">
                <a href="./hotel.html" class="nav-item nav-first">订酒店</a>
            </li>
            <li class="nav-community">
                <a href="javascript:;" style="cursor: default;" class="community-item">社区</a>
                <div class="panel-wrapper">
                    <ul class="list-left">
                        <li><a href="javascript:;">问答</a></li>
                        <li><a href="javascript:;">马蜂窝周边</a></li>
                        <li><a href="javascript:;">蜂首</a></li>
                        <li><a href="javascript:;">结伴</a></li>
                    </ul>
                    <ul class="list-right">
                        <li><a href="javascript:;">小组论坛</a></li>
                        <li><a href="javascript:;">分舵同城</a></li>
                        <li><a href="javascript:;">马蜂窝拍卖行</a></li>
                        <li><a href="javascript:;">照片PK</a></li>
                        <li><a href="javascript:;">真人兽</a></li>
                        <li><a href="javascript:;">道具商店</a></li>
                    </ul>
                </div>
            </li>
            <li class="head-nav-item">
                <a href="./tourist.html" class="nav-item mfwzx">
                    <img src="./images/mfwzx.png" alt="">
                </a>
            </li>
        </ul>
        <div class="head-search">
            <input type="text">
            <i></i>
        </div>
        <ul class="head-right-nav">
            <li>
                <a href="javascript:;"></a>
            </li>
            <li>
                <a href="javascript:;"></a>
            </li>
            <li>
                <a href="javascript:;"></a>
            </li>
            <li><a href="javascript:;">登录</a></li>
            <li><span>|</span></li>
            <li><a href="javascript:;">注册</a></li>
        </ul>
    </div>


    <nav class="hotel-nav">
        <div class="hotel-container" style="z-index: 2;">
            <div class="h-title">订酒店</div>
            <div class="h-search">
                <div class="search-place">
                    <input type="text" placeholder="出行目的地">
                </div>
                <div class="search-data">
                    <input type="date" placeholder="入住日期">
                    <!-- <i></i> -->
                </div>
                <div class="search-movedata">
                    <input type="date" placeholder="离店日期">
                    <!-- <i></i> -->
                </div>
                <div class="search-number">
                    <input type="text" placeholder="人数未定">
                    <i></i>
                </div>
                <div class="search-btn">
                    <i></i>
                </div>
            </div>
            <div class="h-notice">
                <ul>
                    <li>
                        <i></i>
                        <div class="flt1">
                            <h2>住宿攻略</h2>
                            <p>区域攻略到特色主题，应有尽有</p>
                        </div>
                    </li>
                    <li>
                        <i id="cen"></i>
                        <div class="flt1">
                            <h2>专享价格</h2>
                            <p>多平台价格对比，天天专享特惠
                            </p>
                    </li>
                    <li>
                        <i id="rig"></i>
                        <div class="flt1">
                            <h2>真实点评</h2>
                            <p>超过100万真实用户点评和游记
                            </p>
                    </li>
                </ul>
                </div>
                <div class="h-theme">
                    <div class="h-title2">主题住宿</div>
                    <div class="themelist navlis" data-toggle="tabs" data-target="#tabb">
                        <a href="javaScript:;" id="on">目的地特色</a>
                        <a href="javaScript:;">超值酒店</a>
                        <a href="javaScript:;">潜水胜地</a>
                        <a href="javaScript:;">亲子之选</a>
                        <a href="javaScript:;">朝拜历史</a>
                        <a href="javaScript:;">设计酒店</a>
                    </div>
                    <div id="tabb" class="h-nav2">
                        <!-- 1 -->
                        <div class="t-content">
                            <div>
                                <div class="shadow">
                                    <h2>首尔韩屋</h2>
                                    <p>韩国</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>京都町屋</h2>
                                    <p>日本</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>大理民居</h2>
                                    <p>中国</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>北京四合院</h2>
                                    <p>中国</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>北海道温泉</h2>
                                    <p>日本</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>洞穴酒店</h2>
                                    <p>土耳其</p>
                                </div>
                            </div>
                        </div>
                        <!-- 2 -->
                        <div class="t-content">
                            <div>
                                <div class="shadow">
                                    <h2>塞班岛</h2>
                                    <p>美国</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>香港</h2>
                                    <p>中国</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>巴黎</h2>
                                    <p>法国</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>纽约</h2>
                                    <p>美国</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>东京</h2>
                                    <p>日本</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>新加坡</h2>
                                    <p>新加坡</p>
                                </div>
                            </div>
                        </div>
                        <!-- 3 -->
                        <div class="t-content">
                            <div>
                                <div class="shadow">
                                    <h2>仙本那</h2>
                                    <p>马来西亚</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>马尔代夫</h2>
                                    <p>马尔代夫</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>涛岛</h2>
                                    <p>阁拍岩</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>巴厘岛</h2>
                                    <p>印度尼西亚</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>夏威夷</h2>
                                    <p>美国</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                </div>
                            </div>
                        </div>
                        <!-- 4 -->
                        <div class="t-content">
                            <div>
                                <div class="shadow">
                                    <h2>狗骨岛</h2>
                                    <p>泰国</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>三亚</h2>
                                    <p>中国</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>大阪</h2>
                                    <p>日本</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>苏梅岛</h2>
                                    <p>泰国</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>皇后镇</h2>
                                    <p>新西兰</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>大堡礁</h2>
                                    <p>澳大利亚</p>
                                </div>
                            </div>
                        </div>
                        <!-- 5 -->
                        <div class="t-content">
                            <div>
                                <div class="shadow">
                                    <h2>暹粒吴哥窟</h2>
                                    <p>柬埔寨
                                    </p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>耶路撒冷</h2>
                                    <p>以色列</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>阿格拉</h2>
                                    <p>印度
                                    </p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>开罗</h2>
                                    <p>埃及</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>雅典卫城山</h2>
                                    <p>希腊
                                    </p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>罗马</h2>
                                    <p>意大利</p>
                                </div>
                            </div>
                        </div>
                        <!-- 6 -->
                        <div class="t-content">
                            <div>
                                <div class="shadow">
                                    <h2>上海</h2>
                                    <p>中国
                                    </p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>首尔</h2>
                                    <p>韩国</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>哥本哈根</h2>
                                    <p>丹麦
                                    </p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>纽约</h2>
                                    <p>美国</p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>柏林</h2>
                                    <p>德国
                                    </p>
                                </div>
                            </div>
                            <div>
                                <div class="shadow">
                                    <h2>台中</h2>
                                    <p>中国</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="h-favor">
                    <div class="h-title3">特价酒店</div>
                    <div class="themelist2" data-toggle="tabs" data-target="#tab">
                        <a href="javaScript:;" id="on">曼谷</a>
                        <a href="javaScript:;">台北</a>
                        <a href="javaScript:;">东京</a>
                        <a href="javaScript:;">香港</a>
                        <a href="javaScript:;">首尔</a>
                        <a href="javaScript:;">新加坡</a>
                    </div>
                    <div id="tab" class="h-nav3">
                        <!-- 1 -->
                        <div class="h-content2">
                            <div>
                                <div class="bg_black">
                                    <div>8.4分</div>
                                    <p>曼谷威客3号酒店（原曼谷胜利纪念碑全季酒店）</p>
                                    <p class="eng">Vic3 Bangkok</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.8分</div>
                                    <p>穰南帝景酒店</p>
                                    <p class="eng">Royal View Resort - Rang Nam</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.4分</div>
                                    <p>璀璨专享服务公寓</p>
                                    <p class="eng">Abloom Exclusive Serviced Apartments</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.7分</div>
                                    <p class="ang">曼谷暹罗安纳塔拉酒店</p>
                                    <p class="eng">Anantara Siam Bangkok Hotel - SHA Certifiled</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>7.7分</div>
                                    <p>彩虹云霄酒店</p>
                                    <p class="eng">Baiyoke Sky Hotel</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.7分</div>
                                    <p>曼谷利特酒店</p>
                                    <p class="eng">LiT BANGKOK Hotel</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.3分</div>
                                    <p>暹罗四季酒店</p>
                                    <p class="eng">Seasons Siam Hotel</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.1分</div>
                                    <p>曼谷廊曼机场阿玛瑞酒店</p>
                                    <p class="eng">Amari Don Muang Airport Bangkok</p>
                                </div>
                            </div>
                        </div>
                        <!-- 2 -->
                        <div class="h-content2">
                            <div>
                                <div class="bg_black">
                                    <div>8.5分</div>
                                    <p>台北凯撒大饭店</p>
                                    <p class="eng">Caesar Park Hotel Taipei</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.4分</div>
                                    <p>台北大师商旅</p>
                                    <p class="eng">Master Hotel</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.4分</div>
                                    <p>台北帅客旅店</p>
                                    <p class="eng">
                                        Saual Keh Hotel</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>9.0分</div>
                                    <p class="ang">台北君品酒店</p>
                                    <p class="eng">Palais de Chine Hotel</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.5分</div>
                                    <p>
                                        台北二十轮旅店西门町馆</p>
                                    <p class="eng">SWIIO Hotel Ximending</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.3分</div>
                                    <p>台北皇家季节酒店-南西馆</p>
                                    <p class="eng">Royal Seasons Hotel Taipei Nanjing W</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>
                                        7.8分</div>
                                    <p>台北一乐园大饭店</p>
                                    <p class="eng">Onetel Taipei</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>7.7分</div>
                                    <p>台北王朝大酒店</p>
                                    <p class="eng">Sunworld Dynasty Hotel Taipei</p>
                                </div>
                            </div>
                        </div>
                        <!-- 3 -->
                        <div class="h-content2">
                            <div>
                                <div class="bg_black">
                                    <div>8.4分</div>
                                    <p>东京湾希尔顿酒店</p>
                                    <p class="eng">Hilton Tokyo Bay</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.6分</div>
                                    <p>东京京王广场酒店</p>
                                    <p class="eng">Keio Plaza Hotel Tokyo</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.4分</div>
                                    <p>日晖新宿酒店</p>
                                    <p class="eng">
                                        Hotel Sunlite Shinjuku</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.5分</div>
                                    <p class="ang">东京湾喜来登大酒店</p>
                                    <p class="eng">Sheraton Grande Tokyo Bay Hotel</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.4分</div>
                                    <p>
                                        东新宿E酒店</p>
                                    <p class="eng">E Hotel Higashi Shinjuku</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.8分</div>
                                    <p>馨乐庭中央东京新宿区酒店</p>
                                    <p class="eng">Citadines Central Shinjuku Tokyo</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>
                                        8.2分</div>
                                    <p>东京新宿馨乐庭酒店</p>
                                    <p class="eng">Citadines Shinjuku Tokyo</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>9.0分</div>
                                    <p>新宿灿路都广场大饭店</p>
                                    <p class="eng">Hotel Sunroute Plaza Shinjuku</p>
                                </div>
                            </div>
                        </div>
                        <!-- 4 -->
                        <div class="h-content2">
                            <div>
                                <div class="bg_black">
                                    <div>8.9分</div>
                                    <p>迪士尼好莱坞酒店</p>
                                    <p class="eng">Disney's Hollywood Hotel</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.8分</div>
                                    <p>香港迪士尼乐园酒店</p>
                                    <p class="eng">Hong Kong Disneyland Hotel</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.5分</div>
                                    <p>香港憙酒店</p>
                                    <p class="eng">
                                        Xi Hotel</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>6.4分</div>
                                    <p class="ang">香港英格兰豪华客栈</p>
                                    <p class="eng">UK Hostel</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.5分</div>
                                    <p>
                                        香港珀丽酒店</p>
                                    <p class="eng">Rosedale Hotel Hong Kong</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>7.7分</div>
                                    <p>红茶馆酒店-土瓜湾邮轮码头店</p>
                                    <p class="eng">Bridal Tea House To Kwa Wan Cruise Terminal Hotel</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>
                                        8.5分</div>
                                    <p>香港J Plus 精品酒店</p>
                                    <p class="eng">J Plus Hotel by YOO</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.5分</div>
                                    <p>香港Casa酒店</p>
                                    <p class="eng">Casa Hotel</p>
                                </div>
                            </div>
                        </div>
                        <!-- 5 -->
                        <div class="h-content2">
                            <div>
                                <div class="bg_black">
                                    <div>9.0分</div>
                                    <p>中央明洞空中公園酒店</p>
                                    <p class="eng">Hotel Skypark Central Myeongdong</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.1分</div>
                                    <p>明洞韦斯廷居住酒店</p>
                                    <p class="eng">Vestin Residence Myeongdong</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.8分</div>
                                    <p>空中花园酒店明洞1号店</p>
                                    <p class="eng">
                                        Hotel Skypark Myeongdong 1</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.7分</div>
                                    <p class="ang">天空花园酒店东大门1号店</p>
                                    <p class="eng">Hotel Skypark Dongdaemun I</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.8分</div>
                                    <p class="ang">
                                        首尔东大门大使宜必思快捷酒店</p>
                                    <p class="eng">ibis Budget Ambassador Seoul Dongdaemun</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.7分</div>
                                    <p>宜必思仁寺洞大使酒店</p>
                                    <p class="eng">ibis Ambassador Insadong</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>
                                        8.8分</div>
                                    <p>太平洋酒店</p>
                                    <p class="eng">Pacific Hotel</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.8分</div>
                                    <p class="ang">首尔大使铂尔曼酒店</p>
                                    <p class="eng">Grand Ambassador Seoul associated with Pullman</p>
                                </div>
                            </div>
                        </div>
                        <!-- 6 -->
                        <div class="h-content2">
                            <div>
                                <div class="bg_black">
                                    <div>8.6分</div>
                                    <p class="ang">新加坡港湾彩鸿酒店 (Staycation Approved)</p>
                                    <p class="eng">Travelodge Harbourfront Singapore (SG Clean)</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.2分</div>
                                    <p class="ang">新加坡滨海湾金沙大酒店 (Staycation Approved)</p>
                                    <p class="eng">Marina Bay Sands (SG Clean)</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.2分</div>
                                    <p>Hotel Clover 33 Jalan Sultan (SG Clean)</p>
                                    <p class="eng">
                                        Hotel Clover 33 Jalan Sultan (SG Clean)
                                    </p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.6分</div>
                                    <p class="ang">新加坡克拉码头智选假日酒店(SG Clean)</p>
                                    <p class="eng">Holiday Inn Express Singapore Clarke Quay (SG Clean), an IHG Hotel</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.4分</div>
                                    <p class="ang">
                                        新加坡飞龙酒店-玫瑰(Staycation Approved)</p>
                                    <p class="eng">Fragrance Hotel - Rose (SG Clean)</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.6分</div>
                                    <p class="ang">新加坡宜必思快捷店-西海岸 (Staycation Approved)</p>
                                    <p class="eng">Ibis Budget Singapore West Coast (SG Clean)</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>
                                        8.6分</div>
                                    <p class="ang">新加坡香格里拉圣淘沙度假村 (Staycation Approved)</p>
                                    <p class="eng">Shangri-La Rasa Sentosa, Singapore (SG Clean)</p>
                                </div>
                            </div>
                            <div>
                                <div class="bg_black">
                                    <div>8.5分</div>
                                    <p class="ang">
                                        新加坡丽思卡尔顿美年酒店 (Staycation Approved)</p>
                                    <p class="eng">The Ritz-Carlton, Millenia Singapore (SG Clean)</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
    </nav>
    <!-- 侧边导航 -->
    
    <footer>
<div class="toTop">
        <a href="#"><i></i></a>
        <a href="#"><i></i></a>
        <a href="#"><i></i></a>
    </div>
        <div class="ft-content">
            <!-- ul加二维码 -->
            <div class="ft-info">
                <dl>
                    <dt>马蜂窝旅游网</dt>
                    <dd>中国年轻代用得更多的旅游网站</dd>
                    <dd>上亿旅行者共同打造的<span>"旅行神器"</span></dd>
                    <dd><span>60,000</span> 多个全球旅游目的地</dd>
                    <dd><span>600,000</span> 个细分目的地新玩法</dd>
                    <dd><span>760,000,000</span> 次攻略下载</dd>
                    <dd><span>38,000</span> 家旅游产品供应商</dd>
                </dl>
                <dl>
                    <dt>关于我们</dt>
                    <dd><span>关于马蜂窝</span><span>联系我们</span></dd>
                    <dd><span>隐私政策</span><span>商标声明</span></dd>
                    <dd>服务协议</dd>
                    <dd>商城平台服务协议</dd>
                    <dd>网络信息侵权通知指引</dd>
                    <dd>马蜂窝旅游网服务监督员</dd>
                    <dd>网站地图<span>加入马蜂窝</span></dd>
                </dl>
                <dl>
                    <dt>旅行服务</dt>
                    <dd>旅游攻略</dd>
                    <dd>酒店预订</dd>
                    <dd>旅游特价</dd>
                    <dd>国际租车</dd>
                    <dd>旅游问答</dd>
                    <dd>旅游保险</dd>
                    <dd>旅游指南</dd>
                    <dd>订火车票</dd>
                    <dd>旅游资讯</dd>
                    <dd>APP下载</dd>
                    <dd><span>旅行商城全球商家入驻</span></dd>
                </dl>
                <div class="pic">
                    <div class="pic-1">
                        <img src="https://p3-q.mafengwo.net/s10/M00/48/A9/wKgBZ1t_4sSAVJ6uAAAlzJ0PZgU881.png?imageMogr2%2Fthumbnail%2F%2194x90r%2Fgravity%2FCenter%2Fcrop%2F%2194x90%2Fquality%2F90" alt="">
                        <p>马蜂窝APP<br>扫描立即下载</p>
                    </div>
                    <div class="pic-2">
                        <img src="https://p3-q.mafengwo.net/s10/M00/48/A9/wKgBZ1t_4sSAVJ6uAAAlzJ0PZgU881.png?imageMogr2%2Fthumbnail%2F%2194x90r%2Fgravity%2FCenter%2Fcrop%2F%2194x90%2Fquality%2F90" alt="">
                        <p>马蜂窝旅游<br>订阅号</p>
                    </div>
                    <div class="pic-3">
                        <img src="https://p3-q.mafengwo.net/s10/M00/48/A9/wKgBZ1t_4sSAVJ6uAAAlzJ0PZgU881.png?imageMogr2%2Fthumbnail%2F%2194x90r%2Fgravity%2FCenter%2Fcrop%2F%2194x90%2Fquality%2F90" alt="">
                        <p>马蜂窝良品<br>官方服务号</p>
                    </div>
                </div>
            </div>

            <!-- 旅游之前,先上马蜂窝! -->
            <div class="ft-center">
                <p>旅游之前,先上马蜂窝!</p>
                <ul>
                    <li><a href="#"><i></i></a></li>
                    <li><a href="#"><i></i></a></li>
                </ul>

            </div>

            <!-- 底部信息 -->
            <div class="ft-copyright">
                <div class="ft-copyright-top">
                    <div class="left"></div>
                    <p>@ 2021 Mafengwo.cn 京ICP备11015476号。<img src="https://images.mafengwo.net/images/footer/police_record.png">京公网安备11010502013401号京ICP证110318号</p>
                    <pre>网络出版服务许可证 增值电信业务经营许可证 营业执照广 播电视节目制作经营许可证 网络文化许可证 网上有害信息举报专区 帮助中心</pre>
                    <p>违法和不良信息举报电话: 010- 83416877举报邮箱: mfwjubao@mafengwo.com涉末成年人不良信息专用举报邮箱: wcnjubao@mafengwo.com全国旅游投诉电话: 12301</p>
                    <p>马蜂窝客服 : 国内<span>4006 345-678</span> 海外 <span>+86- 10-8341-6888</span></p>
                </div>
                <!-- 三张图片 -->
                <div class="ft-copyright-bottom">
                    <a href="#"><span class="p1"></span></a><a href="#"><span class="p2"></span></a><a href="#"><span class="p3"></span></a>
                </div>
            </div>
        </div>
    </footer>

    <script src="./js/jQuery.js"></script>
    <script>
        $(function() {
            $(".head-search>input").focus(function() {
                $(this).next().css({
                    backgroundPositionY: "-140px",
                })
                $(this).parent().css({
                    left: "574px"
                })
                $(this).css({
                    width: "382px",
                })
            })
            $(".head-search>input").blur(function() {
                $(this).next().css({
                    backgroundPositionY: "-110px"
                })
                $(this).css({
                    width: "110px",
                })
                $(this).parent().css({
                    left: "846px"
                })
            })
        })
    </script>
    <script src="./js/hotel.js"></script>
</body>

</html>